#titelweb {
    font-size: 90;
    padding-top: 20px;
    padding-bottom: 40px;
    color: darkslateblue;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
    margin: 0;
}

#subheadweb {
    color: darkslateblue;
    margin-top: 5px;
    text-align: center;
}

.logo{
    display: block;
    margin: 0 auto 20px auto;
    width: 20%;
    height: auto;
}

.nav{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 50%;
    margin: 0 auto;
}

.nav h2{
    color: darkslateblue;
    margin: 0 5px;
    padding: 2px;
    font-size: 16px;

}

.search-bar{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    width: 50%;
    margin: 15 auto; 
    background-color: gainsboro;
    border-radius: 20px;
}

.search-bar ::placeholder{

    font-family: 'Times New Roman';
}

.search-bar input[type = "text"]{
    width: 100%;
    padding: 0px;
    text-align: center;
    font-size: 16px ;
    background-color: gainsboro;
    border: none;
}

#weekwatch {
    text-align: center;
    color: darkslateblue;
}

#watches{
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    border: 2px solid darkslateblue;
    position: relative;
    top: -20px;
}

.wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
  .wrapper div {
    border-radius: 40px;
    border-color: darkslateblue;
    border-style: solid;
    border-width: 4px;
    aspect-ratio: 1;
  }


#audemars {
    font-size: 19px;
    text-align: center;
    color: darkslateblue;
    margin-bottom: 50px;
}

#logo-audemars {
    margin-top: 100px;
    display: block;
    margin: 0 auto;
    width: 200px;
   height: auto;
        
}

#fpjourne {
    font-size: 19px;
    text-align: center;
    color: darkslateblue;
    margin-bottom: 50px;
}



#logo-fpjourne {
    margin-top: 100px;
    display: block;
    margin: 0 auto;
    width: 360px;
   height: auto;
        
}

#rolexfrost {
    font-size: 19px;
    text-align: center;
    color: darkslateblue;
}

#logo-rolex {
    margin-top: 20px;
    display: block;
    margin: 0 auto;
    width: 260px;
   height: auto;
        
}

#ulyssenardin {
    font-size: 19px;
    text-align: center;
    color: darkslateblue;
}

#logo-ulysse {
    margin-top: 20px;
    display: block;
    margin: 0 auto;
    width: 380px;
   height: auto;
}

#omegamoonwatch{
    font-size: 19px;
    text-align: center;
    color: darkslateblue;
}

#logo-omega {
    margin-top: 20px;
    display: block;
    margin: 0 auto;
    width: 380px;
   height: auto;
}


#rolexbatman{ 
    font-size: 19px;
    text-align: center;
    color: darkslateblue;
}

#logo-rolexbatman {
    display: block;
    margin: 40 auto;
    width: 340px;
   height: auto;
}

.footer1 {
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
    background-color: darkslateblue;
    border-radius: 40px;
}

#name{
    color: white;
    text-align: right center;
}

#date{
    color: white;
    text-align: left center;
}

#volgen {
    color:white;
    text-align: center;
    
}

/* Rolex frost page */

.wrapper2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  .wrapper2 div {
    border-radius: 40px;
    border-color: darkslateblue;
    border-style: solid;
    border-width: 4px;
    aspect-ratio: 1;
  }

  #rolexfrostonhand{
    display: block;
    margin: 40 auto;
    width: 340px;
   height: auto;
  }

  #rolexfrostlaying{
    display: block;
    margin: 55 auto;
    width: 500px;
   height: auto;
  }

  #rolexfrostdesc{
    font-size: 23px;
    text-align:center;
    margin: 49 auto;
    color: darkslateblue;
  }

  #investeringen{
    text-align: center;
    color: darkslateblue;
}

#investbesc{
    font-size: 23px;
    text-align:center;
    margin: 100 auto;
    color: darkslateblue;
}

.Comment-section{
    border-collapse: collapse;
    width: 50%;
    margin: 0 auto;
    border: 2px solid darkslateblue;
    position: relative;
    border-radius: 40px; 
}


.Comment-section h2{
    text-align: center;
    width: 100%;
    color: darkslateblue;
    margin: 15px;
}

.Comment-section input{
    width: 100%;
    height: 50px;
    padding: 0 20px;
    margin-bottom: 15px;
    border-radius: 10px ;
    border: 2px solid darkslateblue;
}

.Comment-section textarea{
    width: 100%;
    height: 15px;
    padding: 15px 20px;
    margin-bottom: 5px;
    border: 2px solid darkslateblue;
    border-radius: 10px;
}

.Comment-section button {
   display: block;
   margin: auto;
   background-color: darkslateblue;
   color: white;
   border-radius: 10px ;
   font-family:'Times New Roman';
}

.Comment-section ::placeholder{
    font-family: 'Times New Roman';
}

.arrowrolex{
    background-color: darkslateblue;
    color: white;
    border-radius: 10px ;

}

.terugkeerbtn{
    display: block;
    margin: auto;
    background-color: darkslateblue;
    color: white;
    border-radius: 10px ;
    font-family:'Times New Roman';
    margin: auto;
    margin-top: 30px;
    margin-bottom: 7px;
}

a {
    text-decoration: none ;
    
    
}
a:active {
    color: whitesmoke;

}


html {
    scroll-behavior: smooth;
}